<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jq/jquery1.9/jquery-1.9.0.js"></script>
    <script>
        // $()是jQuery的核心函数，包含多种用法：
        // 用法1：$(回调函数)，等价于$(document).ready()，简写形式
        $(function(){
            console.log("hello");
        });


        // 用法2：$(选择器, [查找范围])，根据选择器在指定范围中查找元素
        $(function(){
            console.log($("p").length);//如果省略查找范围，默认是在整个文档中进行查找
            console.log($("p",".mydiv2").length);//在id为mydiv2中查找p元素
        });


        // 用法3：$(DOM对象)，将DOM对象转换为jQuery对象
        // $(function(){
        //     var mydiv=document.getElementById("mydiv1");
        //     var divJq=$(mydiv);
        //     console.log(divJq);
        // });


        // 用法4：$(HTML标签字符串)，根据提供的HTML标签字符串，创建一个由jQuery对象包装的DOM元素
        var p=$("<p>this is p</p>");


        // 用法5：$()，创建一个空的jQuery对象
        console.log($().length);//0

    </script>
</head>

<body>
    <div id="mydiv1">
        <p>p01</p>
        <p>p02</p>
    </div>
    <div class="mydiv2">
        <p>p01</p>
        <p>p02</p>
        <p>p03</p>
    </div>
</body>

</html>